<template>
    <div id="baisc">
        <v-details :detailData="inputData" :inputConfig="inputConfig" :rules="rules"></v-details>
    </div>
</template>

<script>
    import details from 'commons/Detail'
    import baseMixin from "@/mixins/BaseMixin";

    export default {
        mixins: [baseMixin],
        props: {
            inputData: {
                type: Object
            }
        },
        name: "baisc",
        data() {
            return {
                inputConfig: [
                    [
                        {
                            type: "input",
                            label: this.$t('in.overchargekey'),
                            disabled: true,
                            props: "overchargekey",
                        },
                        {
                            type: "input",
                            label: this.$t('config.supplier'),
                            disabled: true,
                            props: "suppliername",
                        }
                    ],
                    [
                        {
                            type: "input",
                            label: this.$t('config.shipper'),
                            disabled: true,
                            props: "storerkey"
                        },
                    ],
                    [
                        {
                            type: "input",
                            label: this.$t('in.sellersreference1'),
                            disabled: true,
                            props: "receiptkey"
                        },
                    ],
                ],
                rules: {
                    overchargekey: [
                        {required: true, trigger: 'blur'},
                    ],
                    storerkey: [
                        {required: true, trigger: 'blur'},
                    ]
                },
            }
        },
        computed: {},
        methods: {},
        mounted() {
        },
        watch: {},
        components: {
            'v-details': details
        }
    }
</script>

<style scoped>

</style>
